<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
     <title>Mode Bureau</title>
     <link rel="stylesheet" href="css/style.css" type="text/css">
     <meta name="viewport" content="width=device-width" />
</head>

<body>
	<header>
		<h1 class="title">Mode Bureau</h1>
	</header>
	<main>
		<h3>Interagir avec d'autres applications</h3>
		<p>En utilisant le mode Bureau, vous pouvez interagir avec votre système d'exploitation et d'autres logiciels, tout en conservant OpenBoard par dessus !</p>
		<p>Cliquez simplement sur l'icône suivante :</p>
		<div class="image"><img id="bureau1" src="../../assets/hint3/bureau1.png" alt=""></div>
		<div>Utilisez le sélecteur (<span class="icon"><img src="../../assets/common/arrow.png" alt=""></span>) pour interagir avec le bureau et les autres applications.</div>
		<h3>Annoter des applications ou des sites web</h3>
		<div>Vous pouvez annoter n'importe quel logiciel, en utilisant le crayon (<span class="icon"><img src="../../assets/common/penArrow.svg" alt=""></span>) ou le marqueur (<span class="icon"><img src="../../assets/common/markerArrow.svg" alt=""></span>).</div>
		<div class="image"><img src="../../assets/hint3/bureau-gif1.gif" alt=""></div>

		<span class="tip"><span class="icon"><img src="../../assets/common/tip.png" alt=""></span>Vous pouvez accéder à plus d'options pour <span class="icon"><img src="../../assets/common/penArrow.svg" alt="the pen"></span>, <span class="icon"><img src="../../assets/common/markerArrow.svg" alt="the marker"></span> et <span class="icon"><img src="../../assets/common/eraserArrow.svg" alt="the eraser"></span> en faisant en clic long sur eux, ou en cliquant sur la petite flèche noire.</span>
	</main>
	<footer>

	</footer>
</body>
</html>
